<template>
  <div class="common-warp wh100 warp-bg">
    <div class="search">
      <Search @onSearch="handleSearch" />
    </div>
    <div class="table">
      <Table v-bind="state.data" />
    </div>

    <!-- <a-button type="primary">Default Button</a-button>
    <a-button>Default Button</a-button>
    <div class="box">装换</div>
    <div class="no box">不转换</div> -->
  </div>
</template>

<script lang='ts' setup>
import '@/theme/index.less';
import { ref, reactive, onMounted } from 'vue';
import Search from '@/components/search/index.vue';
import Table from '@/components/table/index.vue';
import wx from "weixin-js-sdk";

const state = reactive({
  data: {
    // 列表数据（必传）
    list: [
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "普通租户"
      },
      {
        "tenantId": "root",
        "tenantName": "超级管理员"
      },
      {
        "tenantId": "tenant",
        "tenantName": "11普通租户222"
      },
      {
        "tenantId": "root",
        "tenantName": "22超级管理员123"
      },

    ],
    header: [
      //开启表格序号
      // {
      //   title: "序号",
      //   key: "key",
      //   align: "center",
      //   customRender: ({ index }) => `${index + 1}`,
      // },
      { dataIndex: 'tenantId', title: '租户编号', ellipsis: true , align: 'center'},
      { dataIndex: 'tenantName', title: '租户名称', ellipsis: true , align: 'center'},//开启排序
      {
        title: '操作',
        align: 'center',
        dataIndex: 'operation',
        width: 80,
      },//开启表格操作
    ],
    // 配置项（必传） 
    config: {
      rowkey: 'tenantId',       // antDesign使用rowKey来指定数据列的主键,与删除回传key保持一致
      total: 14,         // 列表总数
      loading: false,     // loading加载
      isBorder: true,     // 是否显示表格边框
      isSelection: true,  // 是否显示表格多选
      page: true,
    },
    param: {
      pageNum: 1,
      pageSize: 10,
    },
  },
});

const ces = () => {
  const url = 'http://192.168.0.51:3009/#/login'
  wx.miniProgram.navigateTo({
    url: `/pages/ces/two/two?weburl=${url}`, // 小程序地址
    success() {
      console.log('question success')
    },
    fail(error) {
      console.log(error)
    }
  })
}

onMounted(() => {
  document.title = '首页';
})

const handleSearch = (val: string) => {
  console.log(val, '111');

}
</script>
<style scoped lang='less'>
.box {
  color: var(--aaa);
  width: 750px;
  height: 50px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.no {
  width: 200px;
  height: 50px;
  background-color: bisque;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
</style>